@charset "UTF-8";



.slider { width: 1000px; height: 400px; margin: 50px auto;overflow: hidden; position: relative }
.slider:hover .slider-btn { color: #fff; text-shadow: 0 0 5px #666 }
.slider ol,.slider ul { list-style: none ;padding: 0;margin: 0;}
.slider .slider-div { overflow: hidden;position: relative }
.slider .slider-div .slider-div-ul { position: absolute; left: 0; top: 0; overflow: hidden }
.slider .slider-div .slider-div-ul li { float: left;display: inline-block;}


.slider .slider-dot ul { position: absolute; right: 50px; bottom: 30px }
.slider .slider-dot ul li { cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: 2px solid #fff; float: left; margin-left: 10px }
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover { background: #fff }
.slider .slider-btn { position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; font-family: '黑体'; color: rgba(255,255,255,0) }
.slider .slider-btn:hover { background: rgba(125,125,125,.3) }
.slider .slider-btn.slider-btn-left { left: 0; margin-top: -50px }
.slider .slider-btn.slider-btn-right { right: 0; margin-top: -50px }
